#naf-naf {
	width: 100%;
	background: url("/Style Library/Portal/images/bg_main_menu.png") repeat-x scroll 0 0 #D9D9D9;
	border-bottom: 1px solid #C6C6C6;
}
#navWrapper {
	margin: 0 auto;
	width: 100%;
	/* max-width:1200px; */
	justify-content: center;
	display: flex;
}

.purchase #navWrapper {
	width: 1650px;
}


/* style.css */
#navigation {
	display: block;
	width: 100%;
	float: left;
	
	margin: 0;
}/*max-height: 52px;*/

#navigation ul,
#navigation li {
	list-style:none;
	padding:0;
	margin:0;
	display:inline;
}
#navigation ul li{
	float:left;
	position:relative;
	z-index: 100;
}


/* УБРАЛ    background: url("../css1/images/navigation-divider.png") no-repeat right 50%; ИЗ #navigation ul li a */
#navigation ul li a,  #navigation ul> li> span{ 
	display: inline-block;
	color: #163A61;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	padding: 9px 16px 9px 24px;
}

#navigation ul li a:hover {
	background: #72b626;
	color: #fff;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

	/*position: absolute;
	display: none;
	top: 51px;
	left: 0;*/
#navigation ul ul {
	background: #D9D9D9;
	z-index: 999;
}


#navigation ul ul li a {color: #000;}
#navigation ul ul li a:hover {
	color: #fff;
}
#navigation ul ul li {
	width: 100%;	
}

#navigation ul ul li a {
	display: block;
	margin: 0;
	padding: 9px 18px;
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	border-bottom: 1px solid #404040;
	background: none;
}

#navigation ul ul ul { 
	position: absolute; 
	top:0px; 
	left:100%; 
	z-index: 999;
}

#navigation ul ul ul li a { 
	border-bottom: 1px solid #404040 !important;
	border-top: 1px solid transparent;
	background: none;
}

#navigation ul ul li:last-child a, #navigation ul ul li:last-child a:hover {border-bottom: 1px solid transparent}
#navigation ul ul ul li:last-child a {border-bottom: 1px solid transparent !important}
#navigation ul li:hover>ul {opacity: 1; position:absolute; top:99%; left:0;}
#navigation ul ul li:hover>ul {position:absolute; top:0; left:100%; opacity: 1; z-index:497;}
#navigation ul li:hover > a {background: #72b626;}
#navigation ul ul li:hover > a {color: #fff;}

#navigation .menu-horizontal > ul > li.dynamic-children > a > .additional-background{
	padding-right: 6px;
	background-image: none;
}
/*	padding-right: 17px;
	background-image: url("/Style Library/Portal/images/menu-down.png");*/

#navigation .menu-horizontal > ul > li.dynamic-children:hover > a > .additional-background, #navigation .menu-horizontal > ul > li.dynamic-children > span > .additional-background{
	background-image: none;
}



@media only screen and (max-width: 767px) {
#navigation {
		float: none;
	}
#navigation ul li a {
		display: none;
	}
}

/* base.css */

.columns img {
	height: auto;
	max-width: 100%;
}
	
.columns.google-map img {
	max-width: none;
}
	
nav {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
		display: block;
	}
		

/* skeleton.css */

.container .sixteen.columns					{ width: 940px; }

@media only screen and (min-width: 768px) and (max-width: 959px) {
.container .sixteen.columns                 { width: 748px; }
}

@media only screen and (max-width: 767px) {
.container .sixteen.columns					{ width: 300px; }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.container .sixteen.columns					 { width: 420px; }
}

.container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }

.column.alpha, .columns.alpha               { margin-left: 0; }
.column.omega, .columns.omega               { margin-right: 0; }

.container .one.column,
    .container .one.columns                     { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 280px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 880px; }
    
    
    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
        .columns.alpha           				    { margin-left: 0; margin-right: 10px; }
        .columns.omega								{ margin-right: 0; margin-left: 10px; }
        
        .container .one.columns                     { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; }
        
        }
        
        @media only screen and (max-width: 767px) {
        .container { width: 300px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        
        .container .one-third.column,
        .container .two-thirds.column  { width: 300px; }
        }
        
        @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        
        .container .one-third.column,
        .container .two-thirds.column { width: 420px; }
        }
        
/* You can also use a <br class="clear" /> to clear columns */
.clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
}